<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>${constants.getSystemName()}</title>
    <link rel="stylesheet" href="${ctxPath}/assets/common/libs/layui/css/layui.css?v=${constants.getReleaseVersion()}"/>
    <link rel="stylesheet" href="${ctxPath}/assets/common/module/admin.css?v=${constants.getReleaseVersion()}"/>
    <link rel="stylesheet" href="${ctxPath}/assets/expand/css/style.css?v=${constants.getReleaseVersion()}" media="all"/>

    <style>
        /** 卡片轮播图样式 */
        .admin-carousel .layui-carousel-ind {
            position: absolute;
            top: -41px;
            text-align: right;
        }

        .admin-carousel .layui-carousel-ind ul {
            background: 0 0;
        }

        .admin-carousel .layui-carousel-ind li {
            background-color: #e2e2e2;
        }

        .admin-carousel .layui-carousel-ind li.layui-this {
            background-color: #999;
        }

        /** 广告位轮播图 */
        .admin-news .layui-carousel-ind {
            height: 45px;
        }

        .admin-news a {
            display: block;
            line-height: 60px;
            text-align: center;
        }

    </style>
</head>

<body>

<!-- 加载动画，移除位置在common.js中 -->
<div class="page-loading">
    <div class="ball-loader">
        <span></span><span></span><span></span><span></span>
    </div>
</div>

<!-- 正文开始 -->
<div class="layui-fluid">
    <!--    <div class="layui-row layui-col-space15">-->
    <!--        <div class="layui-col-xs15">-->
    <!--            <div class="layui-card">-->
    <!--                <div class="layui-card-header" style="font-size: 16px;font-weight: bold;">-->
    <!--                    订单统计-->
    <!--                </div>-->
    <!--                <div class="layui-card-body" style="background-color: #F2F2F2;">-->
    <!--                    <div class="layui-row layui-col-space15">-->
    <!--                        <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">-->
    <!--                            <div class="layui-card">-->
    <!--                                <div class="layui-card-header">-->
    <!--                                    今日订单总数<span class="layui-badge layui-bg-black pull-right">日</span>-->
    <!--                                </div>-->
    <!--                                <div class="layui-card-body">-->
    <!--                                    <p class="lay-big-font">126</p>-->
    <!--                                </div>-->
    <!--                            </div>-->
    <!--                        </div>-->
    <!--                        <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">-->
    <!--                            <div class="layui-card">-->
    <!--                                <div class="layui-card-header">-->
    <!--                                    今日订单总额<span class="layui-badge layui-bg-black pull-right">日</span>-->
    <!--                                </div>-->
    <!--                                <div class="layui-card-body">-->
    <!--                                    <p class="lay-big-font">2,406.5</p>-->
    <!--                                </div>-->
    <!--                            </div>-->
    <!--                        </div>-->
    <!--                        <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">-->
    <!--                            <div class="layui-card">-->
    <!--                                <div class="layui-card-header">-->
    <!--                                    昨日订单总额<span class="layui-badge layui-bg-black pull-right">日</span>-->
    <!--                                </div>-->
    <!--                                <div class="layui-card-body">-->
    <!--                                    <p class="lay-big-font">3061.45</p>-->
    <!--                                </div>-->
    <!--                            </div>-->
    <!--                        </div>-->
    <!--                        <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">-->
    <!--                            <div class="layui-card">-->
    <!--                                <div class="layui-card-header">-->
    <!--                                    近7日订单总额<span class="layui-badge layui-bg-black pull-right">周</span>-->
    <!--                                </div>-->
    <!--                                <div class="layui-card-body">-->
    <!--                                    <p class="lay-big-font">12306.95</p>-->
    <!--                                </div>-->
    <!--                            </div>-->
    <!--                        </div>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--        </div>-->
    <!--    </div>-->

    <div class="layui-row layui-col-space15">
        <div class="layui-col-xs15">
            <div class="layui-card">
                <div class="layui-card-header" style="font-size: 16px;font-weight: bold;">
                    用户总览
                </div>
                <div class="layui-card-body" style="background-color: #F2F2F2;">
                    <div class="layui-row layui-col-space15">
                        <div class="layui-row layui-col-space15">
                            <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
                                <div class="layui-card">
                                    <div class="layui-card-header">
                                        今日新增<span class="layui-badge layui-bg-black pull-right">日</span>
                                    </div>
                                    <div class="layui-card-body">
                                        <p class="lay-big-font">26</p>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
                                <div class="layui-card">
                                    <div class="layui-card-header">
                                        昨日新增<span class="layui-badge layui-bg-black pull-right">日</span>
                                    </div>
                                    <div class="layui-card-body">
                                        <p class="lay-big-font">48</p>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
                                <div class="layui-card">
                                    <div class="layui-card-header">
                                        本月新增<span class="layui-badge layui-bg-black pull-right">月</span>
                                    </div>
                                    <div class="layui-card-body">
                                        <p class="lay-big-font">2865</p>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
                                <div class="layui-card">
                                    <div class="layui-card-header">
                                        会员总数<span class="layui-badge layui-bg-black pull-right">总</span>
                                    </div>
                                    <div class="layui-card-body">
                                        <p class="lay-big-font">123060</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--    <div class="layui-col-xs12">-->
    <!--        <div class="layui-card">-->
    <!--            <div class="layui-card-body">-->
    <!--                <div class="layui-tab layui-tab-brief" lay-filter="tabZZT">-->
    <!--                    <ul class="layui-tab-title">-->
    <!--                        <li class="layui-this">销售额</li>-->
    <!--                        <li>访问量</li>-->
    <!--                    </ul>-->
    <!--                    <div class="layui-tab-content">-->
    <!--                        <div class="layui-tab-item layui-show">-->
    <!--                            <div class="layui-row layui-col-space30">-->
    <!--                                <div class="layui-col-xs12 layui-col-md8">-->
    <!--                                    <div id="xse" style="height: 300px;margin-top: 20px;"></div>-->
    <!--                                </div>-->
    <!--                                <div class="layui-col-xs12 layui-col-md4">-->
    <!--                                    <table class="layui-table" lay-skin="nob">-->
    <!--                                        <colgroup>-->
    <!--                                            <col width="50">-->
    <!--                                            <col>-->
    <!--                                            <col width="96">-->
    <!--                                        </colgroup>-->
    <!--                                        <thead>-->
    <!--                                        <tr style="background: none;color: #333;">-->
    <!--                                            <th colspan="3">门店销售额排名</th>-->
    <!--                                        </tr>-->
    <!--                                        </thead>-->
    <!--                                        <tbody>-->
    <!--                                        <tr>-->
    <!--                                            <td><span class="layui-badge layui-bg-cyan">1</span></td>-->
    <!--                                            <td>工专路 0 号店</td>-->
    <!--                                            <td>323,234</td>-->
    <!--                                        </tr>-->
    <!--                                        <tr>-->
    <!--                                            <td><span class="layui-badge layui-bg-cyan">2</span></td>-->
    <!--                                            <td>工专路 1 号店</td>-->
    <!--                                            <td>323,234</td>-->
    <!--                                        </tr>-->
    <!--                                        <tr>-->
    <!--                                            <td><span class="layui-badge layui-bg-cyan">3</span></td>-->
    <!--                                            <td>工专路 2 号店</td>-->
    <!--                                            <td>323,234</td>-->
    <!--                                        </tr>-->
    <!--                                        <tr>-->
    <!--                                            <td><span class="layui-badge layui-bg-gray">4</span></td>-->
    <!--                                            <td>工专路 4 号店</td>-->
    <!--                                            <td>323,234</td>-->
    <!--                                        </tr>-->
    <!--                                        <tr>-->
    <!--                                            <td><span class="layui-badge layui-bg-gray">5</span></td>-->
    <!--                                            <td>工专路 5 号店</td>-->
    <!--                                            <td>323,234</td>-->
    <!--                                        </tr>-->
    <!--                                        <tr>-->
    <!--                                            <td><span class="layui-badge layui-bg-gray">6</span></td>-->
    <!--                                            <td>工专路 6 号店</td>-->
    <!--                                            <td>323,234</td>-->
    <!--                                        </tr>-->
    <!--                                        <tr>-->
    <!--                                            <td><span class="layui-badge layui-bg-gray">7</span></td>-->
    <!--                                            <td>工专路 7 号店</td>-->
    <!--                                            <td>323,234</td>-->
    <!--                                        </tr>-->
    <!--                                        </tbody>-->
    <!--                                    </table>-->
    <!--                                </div>-->
    <!--                            </div>-->
    <!--                        </div>-->
    <!--                        <div class="layui-tab-item">-->
    <!--                            <div class="layui-row layui-col-space30">-->
    <!--                                <div class="layui-col-xs12 layui-col-md8">-->
    <!--                                    <div id="fwl" style="height: 300px;margin-top: 20px;"></div>-->
    <!--                                </div>-->
    <!--                                <div class="layui-col-xs12 layui-col-md4">-->
    <!--                                    <table class="layui-table" lay-skin="nob">-->
    <!--                                        <colgroup>-->
    <!--                                            <col width="50">-->
    <!--                                            <col>-->
    <!--                                            <col width="96">-->
    <!--                                        </colgroup>-->
    <!--                                        <thead>-->
    <!--                                        <tr style="background: none;color: #333;">-->
    <!--                                            <th colspan="3">门店访问量排名</th>-->
    <!--                                        </tr>-->
    <!--                                        </thead>-->
    <!--                                        <tbody>-->
    <!--                                        <tr>-->
    <!--                                            <td><span class="layui-badge layui-bg-cyan">1</span></td>-->
    <!--                                            <td>工专路 0 号店</td>-->
    <!--                                            <td>323,234</td>-->
    <!--                                        </tr>-->
    <!--                                        <tr>-->
    <!--                                            <td><span class="layui-badge layui-bg-cyan">2</span></td>-->
    <!--                                            <td>工专路 1 号店</td>-->
    <!--                                            <td>323,234</td>-->
    <!--                                        </tr>-->
    <!--                                        <tr>-->
    <!--                                            <td><span class="layui-badge layui-bg-cyan">3</span></td>-->
    <!--                                            <td>工专路 2 号店</td>-->
    <!--                                            <td>323,234</td>-->
    <!--                                        </tr>-->
    <!--                                        <tr>-->
    <!--                                            <td><span class="layui-badge layui-bg-gray">4</span></td>-->
    <!--                                            <td>工专路 4 号店</td>-->
    <!--                                            <td>323,234</td>-->
    <!--                                        </tr>-->
    <!--                                        <tr>-->
    <!--                                            <td><span class="layui-badge layui-bg-gray">5</span></td>-->
    <!--                                            <td>工专路 5 号店</td>-->
    <!--                                            <td>323,234</td>-->
    <!--                                        </tr>-->
    <!--                                        <tr>-->
    <!--                                            <td><span class="layui-badge layui-bg-gray">6</span></td>-->
    <!--                                            <td>工专路 6 号店</td>-->
    <!--                                            <td>323,234</td>-->
    <!--                                        </tr>-->
    <!--                                        <tr>-->
    <!--                                            <td><span class="layui-badge layui-bg-gray">7</span></td>-->
    <!--                                            <td>工专路 7 号店</td>-->
    <!--                                            <td>323,234</td>-->
    <!--                                        </tr>-->
    <!--                                        </tbody>-->
    <!--                                    </table>-->
    <!--                                </div>-->
    <!--                            </div>-->
    <!--                        </div>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--        </div>-->
    <!--    </div>-->

</div>

<!-- js部分 -->
@/* 加入contextPath属性和session超时的配置 */
<script type="text/javascript">
    var Changein = {
        ctxPath: "${ctxPath}",
        version: '${constants.getReleaseVersion()}'
    };
</script>

<script type="text/javascript" src="${ctxPath}/assets/common/libs/layui/layui.js?v=${constants.getReleaseVersion()}"></script>
<script type="text/javascript" src="${ctxPath}/assets/common/js/common.js?v=${constants.getReleaseVersion()}"></script>
<script src="${ctxPath}/assets/common/libs/echarts/echarts.min.js?v=${constants.getReleaseVersion()}"></script>
<script src="${ctxPath}/assets/common/libs/echarts/echartsTheme.js?v=${constants.getReleaseVersion()}"></script>

<script>
    layui.use(['layer', 'carousel', 'element'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var carousel = layui.carousel;
        var device = layui.device;
        var element = layui.element;
        // 渲染轮播
        carousel.render({
            elem: '.layui-carousel',
            width: '100%',
            height: '60px',
            arrow: 'none',
            autoplay: true,
            trigger: device.ios || device.android ? 'click' : 'hover',
            anim: 'fade'
        });

        // 渲染销售额图表
        // var myCharts1 = echarts.init(document.getElementById('xse'), myEchartsTheme);
        // var option1 = {
        //     title: {
        //         text: '销售趋势',
        //         textStyle: {
        //             color: '#000',
        //             fontSize: 14
        //         }
        //     },
        //     tooltip: {},
        //     grid: {
        //         left: '0',
        //         right: '0',
        //         bottom: '0',
        //         containLabel: true
        //     },
        //     xAxis: {
        //         data: ['1月', '2月', '3月', '4月', '6月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
        //     },
        //     yAxis: {},
        //     series: [{
        //         type: 'bar',
        //         data: [726, 1013, 690, 892, 982, 570, 536, 546, 988, 1002, 206, 506],
        //         barMaxWidth: 45
        //     }]
        // };
        // myCharts1.setOption(option1);

        // 渲染访问量图表
        // var myCharts2 = echarts.init(document.getElementById('fwl'), myEchartsTheme);
        // var option2 = {
        //     title: {
        //         text: '访问量趋势',
        //         textStyle: {
        //             color: '#000',
        //             fontSize: 14
        //         }
        //     },
        //     tooltip: {},
        //     grid: {
        //         left: '0',
        //         right: '0',
        //         bottom: '0',
        //         containLabel: true
        //     },
        //     xAxis: {
        //         data: ['1月', '2月', '3月', '4月', '6月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
        //     },
        //     yAxis: {},
        //     series: [{
        //         type: 'bar',
        //         data: [558, 856, 880, 1325, 982, 856, 655, 546, 988, 985, 568, 302],
        //         barMaxWidth: 45
        //     }]
        // };
        // myCharts2.setOption(option2);

        // 切换选项卡重新渲染
        // element.on('tab(tabZZT)', function (data) {
        //     if (data.index == 0) {
        //         myCharts1.resize();
        //     } else {
        //         myCharts2.resize();
        //     }
        // });

        // 窗口大小改变事件
        // window.onresize = function () {
        //     myCharts1.resize();
        //     myCharts2.resize();
        // };
    });
</script>
</body>

</html>